import React from 'react'
import { View } from '@tarojs/components'
import { Cell } from '@nutui/nutui-react-taro'
import { ArrowRight } from '@nutui/icons-react-taro'
import Taro from '@tarojs/taro'
import AppHeader from '../../../components/app-header/AppHeader'
import './AnomalousEquipment.scss'

export default function AnomalousEquipment() {

  const toErrDetail = () => {
    Taro.navigateTo({
      url: '/pages/index/anomalousEquipment/errDetail/ErrDetail'
    })
  }


  return (
    <>
      <AppHeader title='异常设备' top='true'></AppHeader>

      <View className='err-equipment'>
        {/* 异常设备列表 */}
        <Cell
          title={
            <div style={{ display: 'flex', alignItems: 'flex-end' }}>
              <span style={{ fontWeight: '500' }}>我是标题</span>
            </div>
          }
          extra={
            <div style={{ display: 'flex', alignItems: 'center', fontSize: '24rpx' }}>
              2024-01-20 20:20:20
              <ArrowRight size={18} style={{ marginLeft: '10rpx' }} />
            </div>
          }
          radius={0}
          className='cell'
          onClick={toErrDetail}
        />
        <Cell
          title={
            <div style={{ display: 'flex', alignItems: 'flex-end' }}>
              <span style={{ fontWeight: '500' }}>我是标题</span>
            </div>
          }
          extra={
            <div style={{ display: 'flex', alignItems: 'center', fontSize: '24rpx' }}>
              2024-01-20 20:20:20
              <ArrowRight size={18} style={{ marginLeft: '10rpx' }} />
            </div>
          }
          className='cell'
          radius={0}
        />
      </View>

    </>
  )
}
